@charset 'utf-8';
body{
	font-family: "Microsoft YaHei";
	font-size: 12px;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/*主容器*/
.container{
	width: 980px;
	height: 1386px;
	padding: 0 44px;
	background: #fff;
	margin: 0 auto;
}

/*头部*/
header{
	width: 892px;
	height: 63px;
	border-bottom: 2px solid #938e8c;
	position: relative;
}
header h1{
	display: table-cell;
	font:12px 黑体;
	width: 110px;
	height: 61px;
	background: #d45d5c;
	color: #fff;
	vertical-align: bottom;
	padding:4px;
}
header p {
	position: absolute;
	bottom: 0;right: 0;
	font:12px 黑体;
	color: #d45d5c;
}

/*上*/
.above{
	margin: 34px 0;
	width: 100%;
}
.pic{
	position: relative;
	width: 641px;
	height: 301px;
}
.pic .green,.pic .red{
	position: absolute;
	width: 191px;
	height: 301px;
}
.pic .green{
	background: rgba(102,182,105,0.5);

}
.pic .red{
	background: rgba(215,141,141,0.5);
	right: 0;
	top: 0;
}
.above-right{
	width: 203px;
	height: 301px;
	border-top: 2px solid #cc8091;
	float: right;
}
.above-right .title{
	font: small-caps 24px/40px Microsoft YaHei;
	text-decoration: underline;
}
.above .content{
	font:  12px/10px 楷体 ;
}
.above .number{
	color: #75b86b;
	font: oblique 116px Microsoft YaHei;
}
.above .num,.text-1,.text-2{
	color:#cc8091;
	font-family:'微软雅黑';
}
.num{
	font-size: 55px;
}
.text-1{
	position: relative;
	font-size: 21px;
	top:-10px;
	right: -10px;
}
.text-2{
	position: relative;
	font-size: 12px;
	left:-18px;
	color: #d9d8d8;
}
.above p:last-child{
	position: relative;
	top: -15px;

}
/*中间*/
.middle-content{
	width: 641px;

	overflow: auto;
}
.middle-content>div{
	margin-right:28px;
	float: left;
}
.what{
	width: 228px;
}
.when{
	width: 208px;
}
.how{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.middle-content .how{
	margin-right: 0;
}
.middle-content h2{
	font-size: 16px;
	text-decoration: underline;
	font-weight:bold;
	padding: 7px 0; 
}
.what h2{
	color:#418c59;
	font-family:'微软雅黑';
}
.when h2{
	color:#d2994f;
	font-family:'微软雅黑';
}
.how h2{
	color:#cc7680;
	font-family:'微软雅黑';
}
.middle-content p{
	line-height: 16px;
	font-size: 12px;
}
.what p{
	color: #767777;
	font-family:'宋体';
}
.when p{
	color: #231815;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.how p{
	line-height: 1.7em;
}
.how :nth-child(5){
	padding-top:20px;
}
.how span{
	color: #cd4a48;
	font-style:oblique;
}
/*下面*/
.below{
	width: 100%;

	margin-top:74px;
	height: 665px;
	border-bottom: 1px solid #938e8c;
}
.below .pic,.below .right-bottom{
	float: right;
}

/*右边图片*/
.below .pic{
	width: 458px;
	height: 275px;
	position: relative;
}
.below .pic img{
	width: 100%;
	height: 100%;
}
.below .mask{
	width: 100%;
	height: 61px;
	background: rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
}
.below .mask div{
	height: 44px;
	border-left: 3px solid #72b16a;
	margin: 8.5px 38px;
	
}
.below .mask div span{
	color: #fff;
	font-size: 26px;
	margin: 0 12px;
}
.below .mask div small{
	color: #72b16a;
	letter-spacing: 140%;
	font-family: '微软雅黑';
	font-style: italic;
	font-size: 12px;
}
/*右下边*/
.below .right-bottom{
	width: 459px;
	height: 318px;
	
	margin-top:30px;
	position: relative;
	background: #eeedd6;
}
.right-bottom > p{
	font-size: 16px;
	font-family: '宋体';
	line-height: 20px;
	padding:13px 19px 13px 48px;
}
.right-bottom > p:before{
	display:inline-block;
	content:'';
	border:5px solid transparent;
	border-bottom:8px solid #11456c;
	width: 0;height: 0;
	margin-right: 11px;
}
.right-bottom > p > small{
	font: italic 12px/20px '宋体';
	color: #5a5b5b;
}
.right-bottom .zero-text {
	width: 260px;
	height: 160px;
	background: #d45d5c;
	position: absolute;
	left: 0;bottom: 0;

}




.right-bottom .zero-text .zero{
	color: #fff;
	font-size: 110px;
	font-family: '微软雅黑';
	float: left;
	width: 77px;
	height: 100%;
	text-align: center;
	line-height: 160px;
}
.text{
	width: 183px;
	height: 100%;
	float: right;
	padding:37px 0;
}
.text:before{
	content:'';
	float: left;
	height: 86px;
	width: 2px;
	background: #fff;
	margin-right:10px;
}
.text p{
	color: #fff;
}
p.bg{
	font-size: 21px;
	line-height: 24px;
	font-family: '黑体';
	font-style: italic;
}
p.sm{
	font-size: 12px;
	font-family: '黑体';
	line-height: 1em;
}







.right-bottom > div:last-of-type{
	position: absolute;
	right: 0;bottom: 0;
	width: 162px;
	height: 160px;
	margin: 0 15px;
	padding-top: 20px;
}
.right-bottom div:last-of-type span{
	font-size: 72px;
	color: #d45d5c;
	font-style: normal;
}

.right-bottom > div:last-of-type :first-child{
	float: left;
	margin: 16px -12px 0 -39px;
	height: 0;
	width: 93px;
}
.right-bottom > div:last-of-type :last-child{
	position: absolute;
	bottom: 13;right: -39;
}
.right-bottom > div:last-of-type{
	font-size: 14px;
	color: #5a5b5b;
	font-family: '黑体';
	line-height: 16px;
	font-style: italic;
}
/*左边内容*/
.below .content{
	width: 415px;
	
}
.below .content h2{
	border-bottom: 2px solid #11456b;
	padding:0 0 10px 0;
}
.below .content h2 p{
	font-weight:bold;
	font-family:'黑体';
	color: #11456b;
	font-size:42px;
}
.below .content h2 :first-child strong{
	font-size: 72px;
	font-style: italic;
	color: #f5e327;
}
.below .content h2 :last-child{
	font-size: 33px;
}

.wenzhang{
	overflow: auto;
}
.wenzhang p{
	font-size: 12px;
	color: #767777;
	font-family: '宋体';
	line-height: 16px;
}
.wenzhang span{
	float: left;
	font-size: 70px;
	line-height: 1;
	font-weight: bold;
	color: #f5e327;
	overflow: hidden;
}
.wenzhang p:first-child~p{
	text-indent:2em;
}
.wenzhang img{
	float: right;
	margin: 15px 0 15px 15px;
}


/*页脚*/
footer{
	text-align:right;
	font-size: 12px;
	color: #d45d5c;
	font-family: '黑体';
}